<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
   
    <h:body>      
        <ui:composition template="./plantilla/plantilla.xhtml">
            <ui:define name="center">
                <div class="h_title">Lista de Ciclos</div>
                <h:form id="form">
                    <p:growl id="grwCiclo" showDetail="true"  />
                    <p:panel id="panellista" style="font-size:small;margin: auto">
                    <p:dataTable id="dtbCiclo" var="ciclo" 
                       sortMode="multiple" rows="10" paginator="true"
                       paginatorPosition="bottom"
                       style="width: 100%;float: center">
                        
                        
                        <p:column headerText="Nombre" style="width:20%">  
                            <h:outputText value="" />  
                        </p:column>  
                        
                        <p:column headerText="Facultad" style="width:25%">  
                            <h:outputText value="" />  
                        </p:column>  

                        <p:column headerText="Fecha Inicial" style="width:20%">                                           
                            <h:outputText value="" >
                                <f:convertDateTime pattern="yyyy-MM-dd"/>
                            </h:outputText>                                            
                        </p:column>  

                        <p:column headerText="Fecha Final" style="width:20%">
                            <h:outputText value="" >
                                <f:convertDateTime pattern="yyyy-MM-dd"/>
                            </h:outputText>                                            
                        </p:column>

                        <p:column headerText="Estado" style="width:12%">  
                            <h:outputText value="" />  
                        </p:column>  

                        <p:column style="width:4%">  
                            <p:commandButton id="btnTerminarCiclo"
                               icon="ui-icon-pencil" title="Terminar Ciclo">  
                            </p:commandButton>  
                        </p:column>  
                    </p:dataTable>
                    </p:panel>                            
                </h:form>
              
            </ui:define>    
        </ui:composition>                    
    </h:body>    
</html>
